<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>报文</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all" />
  <link rel="stylesheet" href="../../css/public.css" media="all" />
  <link rel="stylesheet" href="../../lib/dateTime/bootstrap.css" />
  <link rel="stylesheet" href="../../lib/dateTime/bootstrap-datetimepicker.min.css" />
</head>
<style>
  .myColor:nth-child(odd) {
    background-color: gainsboro;
  }

  .layui-btn {
    padding: 0 12px !important;
    /* margin-top: -5px; */
  }

  #table {
    margin: 20px auto;
    border: 2px dashed #1aa094;
  }
</style>

<body>
  <div class="layuimini-container">
    <div class="layuimini-main">
      <!-- 搜索条件 -->
      <fieldset class="table-search-fieldset" style="margin-bottom: 10px">
        <legend>搜索信息</legend>
        <div style="margin: 10px 10px 10px 10px">
          <div class="layui-form layui-form-pane">
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline">
                  <input type="text" id="beginTime" lay-verify="required|account" autocomplete="off"
                    class="form-control" />
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline">
                  <input type="text" id="endTime" lay-verify="required|account" autocomplete="off"
                    class="form-control layui-input" />
                </div>
                <button id="CurveSeach" class="layui-btn layui-btn-primary">
                  <i class="layui-icon"></i> 搜 索
                </button>
              </div>
            </div>
          </div>
        </div>
      </fieldset>
      <div id="Myloading2" style="float: left; margin-left: 45%; margin-top: 10%">
        <img src="../../lib/layui-v2.5.5/css/modules/layer/default/loading-01.gif" alt="" />
      </div>
      <div id="empty" style="float: left; margin-left: 15%">
        <img src="../../lib/layui-v2.5.5/css/modules/layer/default/empty.gif" alt=""
          style="width: 600px; height: 420px" />
      </div>
      <!-- 显示曲线图 -->
      <div class="layui-row layui-col-space15" id="ArrTable">
        <div class="layui-col-xs3 layui-col-md3">
          <div>
            <!-- <div style="background-color: pink; padding: 10px"> -->
            <table id="table">
              <tr>
                <td>
                  <ul id="timeList"></ul>
                </td>
              </tr>
            </table>
          </div>
        </div>
        <div class="layui-col-xs9 layui-col-md9">
          <table class="layui-hide" id="ArresterMsgTableId" lay-filter="ArresterTableFilter"></table>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
  <script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
  <script src="../../lib/dateTime/jquery-1.8.3.min.js"></script>
  <script crossorigin="anonymous" integrity="sha384-S8KxbKBp9r6kPbM3+2n8fFV+5y572FLD7+A39mF0lb410iPTIfZC6hKxEpRS87NO"
    src="https://lib.baomitu.com/echarts/4.6.0/echarts-en.common.js"></script>
  <script src="../../lib/dateTime/bootstrap-datetimepicker.min.js"></script>
  <script src="../../lib/dateTime/bootstrap-datetimepicker.zh-CN.js"></script>
  <script src="../../js/ArresterMsg.js"></script>
  <script src="../../js/jquery.table2excel.min.js"></script>
</body>

</html>